﻿@model DriveBabyDrive.Models.UserProfileModel

@{
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@section Header {
   
    <div class="ui-grid-b" style="padding:1%">
	    <div class="ui-block-a">@Html.ActionLink("Back", "Index/", "Home", null, new { data_icon = "arrow-l", data_rel = "back" , data_role="button"})</div>
	    <div class="ui-block-b"  style="text-align:center">@Html.ActionLink("Home", "Index/", "Home", null, new { data_icon = "home", data_iconpos="notext", data_role="button"})</div>
	    <div class="ui-block-c" style="text-align:right"> @Html.Partial("_LogOnPartial")</div>
    </div>
}

@using (Html.BeginForm())
{
    @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
    
    
    <ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Manage Profile</li>
        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.FirstName)
            @Html.TextBoxFor(m => m.FirstName, new { @type = "text", @placeholder = "First Name:" })
            @Html.ValidationMessageFor(m => m.FirstName)
        </li>
        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.LastName)
            @Html.TextBoxFor(m => m.LastName, new { @type = "text", @placeholder = "Last Name:" })
            @Html.ValidationMessageFor(m => m.LastName)
        </li>
         <li data-role="fieldcontain">        
                @Html.LabelFor(m => m.Address)    
                @Html.TextBoxFor(m => m.Address, new { @type = "text", @placeholder = "Address:" })
                @Html.ValidationMessageFor(m => m.Address)
          </li>
          <li data-role="fieldcontain">
                @Html.LabelFor(m => m.City) 
                @Html.TextBoxFor(m => m.City, new { @type = "text", @placeholder = "City:" })
                @Html.ValidationMessageFor(m => m.City)
          </li>
          
          <!--Need a list box for picking state leave a textbox for now -->
          <li data-role="fieldcontain">
                @Html.LabelFor(m => m.State) 
                @Html.DropDownListFor(m => m.State, ViewData["StatesList"] as SelectList, new { @type = "text" }) 
                @Html.ValidationMessageFor(m => m.State)
              <!--  <select name="selStateName" id="selStateName" data-native-menu="false" >
							<option value="AL">Alabama</option>
							<option value="AK">Alaska</option>
							<option value="AZ">Arizona</option>
							<option value="AR">Arkansas</option>
							<option value="CA">California</option>
							<option value="CO">Colorado</option>
							<option value="CT">Connecticut</option>
							<option value="DE">Delaware</option>
							<option value="FL">Florida</option>
							<option value="GA">Georgia</option>
							<option value="HI">Hawaii</option>
							<option value="ID">Idaho</option>
							<option value="IL">Illinois</option>
							<option value="IN">Indiana</option>
							<option value="IA">Iowa</option>
							<option value="KS">Kansas</option>
							<option value="KY">Kentucky</option>
							<option value="LA">Louisiana</option>
							<option value="ME">Maine</option>
							<option value="MD">Maryland</option>
							<option value="MA">Massachusetts</option>
							<option value="MI">Michigan</option>
							<option value="MN">Minnesota</option>
							<option value="MS">Mississippi</option>
							<option value="MO">Missouri</option>
							<option value="MT">Montana</option>
							<option value="NE">Nebraska</option>
							<option value="NV">Nevada</option>
							<option value="NH">New Hampshire</option>
							<option value="NJ">New Jersey</option>
							<option value="NM">New Mexico</option>
							<option value="NY">New York</option>
							<option value="NC">North Carolina</option>
							<option value="ND">North Dakota</option>
							<option value="OH">Ohio</option>
							<option value="OK">Oklahoma</option>
							<option value="OR">Oregon</option>
							<option value="PA">Pennsylvania</option>
							<option value="RI">Rhode Island</option>
							<option value="SC">South Carolina</option>
							<option value="SD">South Dakota</option>
							<option value="TN">Tennessee</option>
							<option value="TX">Texas</option>
							<option value="UT">Utah</option>
							<option value="VT">Vermont</option>
							<option value="VA">Virginia</option>
							<option value="WA">Washington</option>
							<option value="WV">West Virginia</option>
							<option value="WI">Wisconsin</option>
							<option value="WY">Wyoming</option>
						</select> -->
          </li>
          <li data-role="fieldcontain">
                @Html.LabelFor(m => m.Zip)
                @Html.TextBoxFor(m => m.Zip, new { @type = "number", @placeholder = "Zip:" })
                @Html.ValidationMessageFor(m => m.Zip)
          </li>

          <li data-role="fieldcontain">
                    @Html.LabelFor(m => m.Phone)
                    @Html.TextBoxFor(m => m.Phone, new { @type = "tel", @placeholder = "Phone:" })
                    @Html.ValidationMessageFor(m => m.Phone)
          </li>
          <li>
            @Html.ActionLink("My Vehicles", "MyVehicles", "Profile")
            

          </li>
        <li data-role="fieldcontain">
            <input type="submit" value="Update" />
        </li>
    </ul>
}
